<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        
        // const obj = {
        //     name:'laowang',
        //     age:18,
        //     sex:"男"
        // }

        // 对象基本解构方式 
        // const 解构目标 = 解构源
        // const {name,age,sex} = obj;

        // 直接字面量定义解构
        // const {name,age,sex} = {
        //     name:'laowang',
        //     age:18,
        //     sex:"男"
        // };

        // 顺序不用一一对应
        // const {age,sex,name} = {
        //     name:'laowang',
        //     age:18,
        //     sex:"男"
        // };

        // 嵌套对象解构
        // const {age,sex,name,sub:{a,b}} = {
        //     name:'laowang',
        //     age:18,
        //     sex:"男",
        //     sub:{
        //         a:12,
        //         b:5
        //     }
        // };

        const {age,sex,name,sub} = {
            name:'laowang',
            age:18,
            sex:"男",
            sub:{
                a:12,
                b:5
            }
        };
        let {a,b} = sub;

        // 
        // sub 是将内部对象解构出来
        console.log(name,age,sex,a,b);

    </script>
</body>
</html>